<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题</title>
    <script src="../scripts/jquery-1.3.1.js"></script>
    <script type="text/javascript">
    	$(function(){
			//将苹果替换成菠萝
			    // $(".first").wrapAll(".third");  
			//将菠萝替换成苹果
			   // $(".third").wrapAll(".first");        
			//将苹果替换成菠萝
			 $(".first").wrapAll(".third");  
		})
    </script>
           
</head>

<body>
    <h3>例子</h3>
    <div class="container">
        <div class="first">苹果</div>
        <div class="second">橘子</div>
        <div class="third">菠萝</div>
    </div>
</body>
</html>
